// 由于需要大量用到上下文中的方法和属性
// 所以，setup函数一定要定义为function
export default function() {
	// Jiess中的事件监听，采用以on做前缀的小驼峰命名方案
	this.add(
		this.render({
			onClick: (e) => {
				console.log(e)
				alert('你点击我了')
			}
		}, '点击事件'),
		this.render({
			onDblclick: (e) => {
				console.log(e)
				alert('react双击事件：onDblclick')
			},
			onDoubleClick: (e) => {
				console.log(e)
				alert('react双击事件：onDoubleClick')
			}
		}, '双击事件'),
	)


	this.add(
		this.render({
			is: 'input',
			placeholder: '通用表单事件',
			onInput: (e) => {
				console.log(e)
			},
			onChange: (e) => {
				console.log(e)
			},
			onFocus: (e) => {
				console.log(e)
			},
			onBlur: (e) => {
				console.log(e)
			}
		})
	)
}